// 这里一个js是当用户登入成功,就将用户的用户名,和头像替换原先的 登入和注册按钮
class dengRuXianShi{
constructor(){
this.dengRu();
}
//    创建一个修改用户登入显示到页面中的方法
dengRu(){
    // 获取页面中登入按钮的节点
    let dengRu=document.querySelector('.dengRu')
    
    // 获取页面中注册的按钮
    let zhuChe=document.querySelector('.zhuChe')
    // 获取我们添加在localStorage中的nickname的值
    let nickname=localStorage.getItem('nickname')
    
    // 这里我们可以拼接一个用户头像图片的img标签
    let img=`<img src="./img/toxiang.webp" alt="" class="topian">`
    let yonghu=`<a>${nickname}</a><span>|</span>`
    // 这里是判断nickname的值,是否存在,如果存在就表明用户已近登入,那就将登入按钮,改为已经登入的用户名
    if(nickname){
        // 那就将登入按钮,改为已经登入的用户名
        dengRu.innerHTML=yonghu;
        // 将注册按钮中的内容修改为一个用户的头像
        zhuChe.innerHTML=img     
    }
}
}
// 实例化对象
new dengRuXianShi;

